import React from "react";
import {Carousel} from "antd";
import Cards from "../Cards/Cards";
const contentStyle= {
    height: '160px',
    color: '#fff',
    lineHeight: '160px',
    textAlign: 'center',
    background: '#364d79',
    marginBottom:'25px'
};
const items=[
    {
        content:"1",
        key:'1',
        url:''
    },
    {
        content:'2',
        key:'2',
        url:''
    },
    {
        content:'3',
        key:'3',
        url:''
    },
    {
        content:'4',
        key:'4',
        url:''
    }
]
class Home extends React.Component{
    render(){
        let Items=items.map((item)=>{
            return (
                <div key={item.key}>
                    {item.content}
                </div>
            )
        })
        return (
            <div className="main">
            <Carousel autoplay style={contentStyle}>
                {Items}
            </Carousel>
                <Cards/>
            </div>
        )
    }
}
export default Home